<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选一个符合身份的入口吧</title>
    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <!--    引入首页样式-->
    <link href="Santa.ico" rel="shortcut icon"/>

    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body{background-image: url("/admin/img/bodybg.jpg");z-index: -222222;opacity: .8;}

        .box{
            width: 700px;
            height: 500px;
            margin: 100px 520px;
            border-right: 0;
        }

        .box>div{

            width: 200px;
            height: 500px;
            opacity: .5;
            float: left;
            background:url("/admin/img/bodybg.jpg") no-repeat center center;transition:all .8s ease 0s;
        }
        .box>div:hover{

            opacity: 1;

        }
        .box>div h1{

            font-size: 50px;
            padding: 40px 40px 0;
        }
    </style>
</head>
<body>

<div class="box">

    <div id="divleft" style="background-image: url('admin/img/indexMall.jpg');">
        <h1 style="position: relative;left: 45px;bottom: -320px;color: rgb(248,148,135);">商城</h1>
    </div>

    <div  id="divright" style="background-image: url('admin/img/indexAdmin.jpg');">
        <h1 style="position: relative;left: 50px;bottom: -320px">管理</h1>
    </div>

</div>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script>

    $(".box>div").mouseover(function(){
        $(this).stop().animate({
            "width":"320px",

        },200).siblings().stop().animate({
            "width":"140px"
        },200)
    })

    $(".box>div").mouseout(function(){
        $(".box>div").stop().animate({
            "width":"200px"
        },200)
    })
    $("#divleft").click(function (){
        location.href="/admin/Mall/indexMall.html"
    })
    $("#divright").click(function (){
        location.href="/admin/adminindex"
    })


</script>

<!--背景线条-->
<script src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js" type="text/javascript"></script>　
<!--右键出字体-->
<script src="admin/adminjs/bgfont.js"></script>　
</body>
</html>